.nuxt-content {
  // 图片居中
  img {
    @apply mx-auto;
  }

  @topHeight: 85px;

  h2,
  h3 {
    &::before {
      // 文章内章节跳转时，对冲顶部栏的高度
      display: block;
      content: ' ';
      margin-top: -@topHeight;
      height: @topHeight;
      visibility: hidden;
      pointer-events: none;
    }

    /* Style anchor links on headings added by @nuxt/content */

    a {
      //pointer-events-none
      @apply ml-5;

      &::before {
        content: '#';
        @apply text-primary-500 font-normal text-xl leading-8 -ml-5 pr-2 absolute opacity-100;
      }
    }
  }

  // 文章内的代码进行一些其他的修饰
  .nuxt-content-highlight {
    @apply relative;

    /* Style filename span added by @nuxt/content */

    .filename {
      @apply absolute right-0 top-0 text-gray-100 z-10 italic leading-none mr-3 mt-3;
    }

    /* Style copy button added in `pages/_.vue` */

    .copy {
      @apply hidden absolute right-0 bottom-0 leading-none shadow-lg px-2 py-2 text-white bg-gray-800 text-sm uppercase rounded-md border border-white font-semibold mr-3 mb-3;

      &:hover {
        @apply bg-gray-700;
      }

      &:focus {
        @apply outline-none bg-gray-600;
      }
    }

    &:hover {
      .copy {
        @apply block;
      }
    }
  }
}
